<style>
  .{{$template|escape:'html'}}_addsource {
    background-image: url(images/buttons/addsource.png);
    height: 25px;
    width: 111px;
    cursor:pointer;
    border: 0;
  }
  .{{$template|escape:'html'}}_addsource:hover {
    background-image: url(images/buttons/addsource_h.png);
    height: 25px;
    width: 111px;
    cursor:pointer;
    border: 0;
  }
</style>

<script src="jsrequest.php?script={{$template|escape:'html'}}" type="text/javascript"></script>
<script type="text/javascript">
  <!--
    if (document.addEventListener) {
      document.addEventListener('DOMContentLoaded', init, false);
    }
    window.onload = init;

    function init() {
      if (!document.getElementById || !document.createElement || !arguments || arguments.callee._loaded) {
        return;
      }
      arguments.callee._loaded = true;
      
      var gui = GuiPageBackendSources.instance('{{$template|escape:'javascript'}}');
      new HandlePageBackendSources(gui, JSON.parse('{{$operator|escape:javascript}}'), JSON.parse('{{$now|escape:javascript}}'), JSON.parse('{{$options|escape:javascript}}'));
    }
  //-->
</script>

<div id="container" class="page_width">
  <table cellPadding="0" cellSpacing="0" id="table1">
    <tr>
      <td class="backend_td1">
        <input type="button" id="{{$template|escape:'javascript'}}_add_button" class="{{$template|escape:'html'}}_addsource" />
      </td>
    </tr>
    <tr>
      <td class="backend_td2">
        <table class="backend_table2" id="{{$template|escape:'javascript'}}_result_div" cellPadding="0" cellSpacing="0">
          <tr>
            <td class="backend_td3">
              Source
            </td>
            <td class="backend_td4"></td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
</div>